@import '../common/_common.scss';

.good_preview
{
    float: left;

    width: 430px;
    min-height: 516px;
    margin-right: 40px;
    .spec_img
    {
        height: 430px;
        margin-bottom: $px20;

        background-color: blue;
    }
    .spec_list
    {
        height: 66px;
        margin: 0 $px10 $px20;

        background-color: orange;
    }
    .qr_code
    {
        font-size: 14px;

        position: relative;

        padding-left: $px30;

        color: $c333;
        span
        {
            font-size: 14px;

            position: absolute;
            top: 0;
            right: 0;

            padding: 0 15px 5px 8px;

            cursor: pointer;

            border: 1px solid #e3e3e3;
        }
        .icon_down
        {
            position: absolute;
            top: 9px;
            right: 3px;

            display: inline-block;

            width: 9px;
            height: 6px;

            transition: transform .2s ease-in 0s;

            background-image: url(../../img/icon_down.png);
        }
        .qr_img
        {
            top: 24px;
            right: -1px;

            display: none;

            padding: 0 5px 0 6px;

            border-top: none;
        }
        .hover
        {
            border-bottom: none;
            i
            {
                transform: rotate(180deg);
            }
            .qr_img
            {
                display: block;
            }
        }
    }
}
.good_detail
{
    overflow: hidden;

    width: $px1190;
    margin: 0 auto $px20;
    padding-bottom: 15px;

    background-color: #fff;
}
.good_item
{
    min-height: 516px;
    margin-left: 470px;
    padding:15px $px30 0 0;
    h1
    {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px;
        overflow: hidden;
        max-height: 62px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        em
        {
            margin-right: 10px;

            color:$fedStdColor_l2;
        }
    }
}
.good_ad
{
    font-size: $px14;
    padding-top: 4px;
    padding-bottom: 7px;
    color:$fedStdColor_l2;
    border-bottom: 1px solid #e0e0e0;
}
.good_summary
{
    margin-top: 15px;

    color: $c666;
}
.good_summary .dl
{
    font-size: 14px;

    overflow: hidden;

    margin-bottom: $px15;

    color: $c666;
}
.good_summary .good_price{
    margin-bottom: 8px;
}
.good_summary .dt
{
    float: left;

    width: 70px;
    margin-right: $px20;
    color: #999999;
    text-align: right;
}
.good_summary .dd
{
    position: relative;
    margin-left: 90px;
}
.good_summary .good_stock
{
    overflow: visible;
    margin-bottom: 6px;
    height: 26px;
}
.delete
{
    text-decoration: line-through;
}
.good_jd_price
{
    line-height: 28px;

    margin-bottom: 15px;
    .dt
    {
        line-height: 39px;
    }
    .dd
    {
        color: $red;
    }
    em
    {
        font-size: 28px;
        font-weight: 600;
        position: relative;
        top:1px;
        color: $fedStdColor_l2;
    }
    i
    {
        font-size: 28px;
        font-style: normal;

        margin: 0 5px;

        color: #727272;
    }
    span
    {
        font-size: 14px;

        margin-left: 13px;

        color: $c666;
        .tip
        {
            @include opacity(1);
        }
        span
        {
            font-size: 12px;
            line-height: 17px;

            position: absolute;

            overflow: hidden;

            max-width: 350px;
            max-height: 35px;
            margin: -40px 0 0;
            padding: 5px;

            border: 1px solid #e3e3e3;

            @include opacity(0);
        }
    }
    .good_price_warn
    {
        color: $c666;
        line-height: 17px;
        i
        {
            margin:2px 0 0;
        }
        p
        {
            padding-left: 20px;
        }
        em
        {
            font-size: 18px;
        }
    }
    .good_promote
    {
        margin-top: 8px;
        .promote_title
        {
            font-size: 14px;
            line-height: 20px;

            position: absolute;

            width: 40px;
            height: 20px;
            margin: 5px 0 0;

            text-align: center;

            color: $cfff;
            border-radius: 3px;
            background-color:$pink;
        }
        .promote_activity
        {
            padding-left: 48px;
            line-height: 22px;
            color: $c666;
            padding-top: 5px;
        }
    }
    @at-root .icon_tip
    {
        display: inline-block;

        width: 16px;
        height: 16px;
        margin: 0 0 0 5px;

        vertical-align: sub;

        background-image: url(../../img/icon_tip.png);
        background-repeat: no-repeat;

        *vertical-align: baseline;
        *display: inline;
        *zoom: 1;
    }
    @at-root .icon_warn_small
    {
        position: absolute;

        width: 15px;
        height: 15px;

        background-image: url('../../img/warn_small.png');
    }
}

.good_stock
{
    .stock_tip
    {
        margin-left: 10px;

        vertical-align: top;

        color: $c000;
    }
    .select_container{ float: left; top: -3px}
}

.good_service .dd
{
    overflow: hidden;

    color: $c000;
    .service_shop
    {
        margin-left: 10px;

        color: #dba400;
    }
}
.good_stock .dd{ position: relative; top:-3px;}
.good_type .dt,
.good_size .dt
{
    line-height: 30px;
}
.good_type
{
    .dd
    {
        overflow: hidden;
    }
}
.good_choose .dd{ padding-top: 1px;}
.good_choose
{
    margin-bottom: $px10;
    padding: $px15 0;

    background-color: #fff9e5;
    .type_item
    {
        float: left;

        margin: 0 $px10 4px 0;

        color: $c000;
        a
        {
            line-height: 28px;
            height: 28px;
            padding: 0 15px;
            white-space: nowrap;
            color: $c000;
            border: 1px solid #e3e3e3;
            background-color: $cfff;
            @include inline_block;
            &:hover
            {
                text-decoration: none;
            }
        }
    }
    .selected
    {    margin-bottom:2px;
        a
        {
            color: $fedStdColor_l3;
            border: 2px solid $fedStdColor_l3   ;
            position: relative;
            top:-1px;

        }
    }
    .disabled a
    {
        color: #cbcbcb;
    }
    .good_btn
    {
        margin-bottom: 4px;
    }
    .disabled
    {
        color: #cbcbcb;
        input
        {
            color: #cbcbcb;
        }
    }
}
.good_number
{ margin-bottom: 15px;
    .dt
    {
        line-height: 34px;
    }
    em
    {
        margin-left: 5px;

        color: red;
    }

    @at-root
    {
        .btn_number
        {
            border: 1px solid #e3e3e3;
            background-color: $cfff;

            @include inline_block;
            a
            {
                line-height: 28px;

                height: 28px;
                padding: 0 $px5;

                text-align: center;

                color: #757575;

                @include inline_block;
                &:hover
                {
                    text-decoration: none;
                }
            }
            a:first-child
            {
                float: left;
            }
            input
            {
                width: $px20;
                padding: $px5 $px15;

                text-align: center;

                border: none;
                border-right: 1px solid #e3e3e3;
                border-left: 1px solid #e3e3e3;
                background-color: $cfff;
            }
        }
    }
}
.good_btn
{
    button
    {
        font-size: 18px;
        line-height: 46px;

        width: 220px;
        height: 50px;
        margin-right: 20px;
        padding: 0;

        cursor: pointer;
        text-align: center;

        border: none;
        outline: none;
    }
    button.disabled
    {
        border: 1px solid #cbcbcb;
    }
    .add_car
    {
        color: $cfff;
        background: $fedStdColor_l1;

    }
    .buy_good
    {
        color: $fedStdColor_l1;
        border: 1px solid $fedStdColor_l1;
        background: #e6f4fe;
    }
}
.error_msg
{
    i
    {
        margin-top: 4px;
    }
    em
    {
        margin-left: 20px;

        color:red;
    }
}

.good-warn
{
    font-size: 14px;

    margin-left: $px15;

    color: $c666;
}
.good_btn .buy_good.disabled{background-color:#f0f0f0;color:#ffffff;}
.good_btn .add_car.disabled{background-color:#cbcbcb;}
